﻿<!DOCTYPE html>
<html>
  <head>
    <title>开关</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/开关/styles.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
@font-face {
font-family:Ionicons;
src:url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.svg#Ionicons) format("svg");
font-weight:400;
font-style:normal
}
    </style>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/开关/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Header) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u3889" class="ax_default">
        <div id="u3889_state0" class="panel_state" data-label="State1" style="">
          <div id="u3889_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3890" class="ax_default box_2">
              <div id="u3890_div" class=""></div>
              <div id="u3890_text" class="text ">
                <p><span>&nbsp; 返回顶部</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u3891" class="ax_default paragraph">
              <div id="u3891_div" class=""></div>
              <div id="u3891_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- header (Dynamic Panel) -->
      <div id="u3892" class="ax_default" data-label="header">
        <div id="u3892_state0" class="panel_state" data-label="State1" style="">
          <div id="u3892_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3893" class="ax_default box_1">
              <div id="u3893_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u3894" class="ax_default">
              <div id="u3894_state0" class="panel_state" data-label="State1" style="">
                <div id="u3894_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3895" class="ax_default box_1">
                    <div id="u3895_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3896" class="ax_default box_1">
                    <div id="u3896_div" class=""></div>
                    <div id="u3896_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3897" class="ax_default box_1">
                    <div id="u3897_div" class=""></div>
                    <div id="u3897_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u3898" class="ax_default image">
                    <img id="u3898_img" class="img " src="images/index/u10.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3899" class="ax_default box_1">
                    <img id="u3899_img" class="img " src="images/index/u11.png"/>
                    <div id="u3899_text" class="text ">
                      <p><span>&nbsp;iView Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3900" class="ax_default box_1">
        <div id="u3900_div" class=""></div>
      </div>

      <!-- Unnamed (SideNav) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u3902" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3902_div" class=""></div>
        <div id="u3902_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3903" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3903_div" class=""></div>
        <div id="u3903_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">通知提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3904" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3904_div" class=""></div>
        <div id="u3904_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">全局提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3905" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3905_div" class=""></div>
        <div id="u3905_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">警告提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3906" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-light">
        <div id="u3906_div" class=""></div>
        <div id="u3906_text" class="text ">
          <p><span>视图</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3907" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3907_div" class=""></div>
        <div id="u3907_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3908" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3908_div" class=""></div>
        <div id="u3908_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">颜色选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3909" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3909_div" class=""></div>
        <div id="u3909_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">上传</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3910" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3910_div" class=""></div>
        <div id="u3910_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">评分</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3911" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3911_div" class=""></div>
        <div id="u3911_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">数字输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3912" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3912_div" class=""></div>
        <div id="u3912_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">穿梭框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3913" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3913_div" class=""></div>
        <div id="u3913_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">级联选择</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3914" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3914_div" class=""></div>
        <div id="u3914_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3915" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3915_div" class=""></div>
        <div id="u3915_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">日期选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3916" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3916_div" class=""></div>
        <div id="u3916_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">滑块</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3917" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3917_div" class=""></div>
        <div id="u3917_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3918" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3918_div" class=""></div>
        <div id="u3918_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3919" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3919_div" class=""></div>
        <div id="u3919_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">开关</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3920" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3920_div" class=""></div>
        <div id="u3920_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">多选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3921" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3921_div" class=""></div>
        <div id="u3921_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3922" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3922_div" class=""></div>
        <div id="u3922_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3923" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-light">
        <div id="u3923_div" class=""></div>
        <div id="u3923_text" class="text ">
          <p><span>表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3924" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3924_div" class=""></div>
        <div id="u3924_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3925" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3925_div" class=""></div>
        <div id="u3925_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">锚点</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3926" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3926_div" class=""></div>
        <div id="u3926_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">徽标数</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3927" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3927_div" class=""></div>
        <div id="u3927_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面包屑</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3928" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3928_div" class=""></div>
        <div id="u3928_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3929" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3929_div" class=""></div>
        <div id="u3929_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3930" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3930_div" class=""></div>
        <div id="u3930_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3931" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3931_div" class=""></div>
        <div id="u3931_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">导航菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3932" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-light">
        <div id="u3932_div" class=""></div>
        <div id="u3932_text" class="text ">
          <p><span>导航</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3933" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3933_div" class=""></div>
        <div id="u3933_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单元格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3934" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3934_div" class=""></div>
        <div id="u3934_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分割线</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3935" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3935_div" class=""></div>
        <div id="u3935_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面板分割</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3936" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3936_div" class=""></div>
        <div id="u3936_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">折叠面板</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3937" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3937_div" class=""></div>
        <div id="u3937_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">卡片</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3938" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3938_div" class=""></div>
        <div id="u3938_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3939" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3939_div" class=""></div>
        <div id="u3939_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">栅格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3940" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-light">
        <div id="u3940_div" class=""></div>
        <div id="u3940_text" class="text ">
          <p><span>布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3941" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3941_div" class=""></div>
        <div id="u3941_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3942" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3942_div" class=""></div>
        <div id="u3942_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3943" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3943_div" class=""></div>
        <div id="u3943_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">字体</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3944" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3944_div" class=""></div>
        <div id="u3944_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">色彩</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3945" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-light">
        <div id="u3945_div" class=""></div>
        <div id="u3945_text" class="text ">
          <p><span>基础</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3946" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-light">
        <div id="u3946_div" class=""></div>
        <div id="u3946_text" class="text ">
          <p><span>组件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3947" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3947_div" class=""></div>
        <div id="u3947_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3948" class="ax_default box_1 selected" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3948_div" class="selected"></div>
        <div id="u3948_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3949" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-light">
        <div id="u3949_div" class=""></div>
        <div id="u3949_text" class="text ">
          <p><span>入门介绍</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3950" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3950_div" class=""></div>
        <div id="u3950_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3951" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3951_div" class=""></div>
        <div id="u3951_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">树形控件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3952" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3952_div" class=""></div>
        <div id="u3952_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">文字提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3953" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3953_div" class=""></div>
        <div id="u3953_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">气泡提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3954" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3954_div" class=""></div>
        <div id="u3954_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3955" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3955_div" class=""></div>
        <div id="u3955_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3956" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3956_div" class=""></div>
        <div id="u3956_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3957" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3957_div" class=""></div>
        <div id="u3957_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">走马灯</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3958" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3958_div" class=""></div>
        <div id="u3958_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间轴</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3959" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3959_div" class=""></div>
        <div id="u3959_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">相对时间</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3960" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3960_div" class=""></div>
        <div id="u3960_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度环</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3961" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3961_div" class=""></div>
        <div id="u3961_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图钉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3962" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3962_div" class=""></div>
        <div id="u3962_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">返回顶部</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3963" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3963_div" class=""></div>
        <div id="u3963_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">加载中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3964" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-fenzu-light">
        <div id="u3964_div" class=""></div>
        <div id="u3964_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">无限滚动</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3965" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-light">
        <div id="u3965_div" class=""></div>
        <div id="u3965_text" class="text ">
          <p><span>图表</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3966" class="ax_default box_1" selectiongroup="u3901nav-cebianlan-light">
        <div id="u3966_div" class=""></div>
        <div id="u3966_text" class="text ">
          <p><span>其他</span></p>
        </div>
      </div>

      <!-- Unnamed (Footer) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u3968" class="ax_default">
        <div id="u3968_state0" class="panel_state" data-label="State1" style="">
          <div id="u3968_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3969" class="ax_default box_1">
              <div id="u3969_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u3970" class="ax_default">
              <div id="u3970_state0" class="panel_state" data-label="State1" style="">
                <div id="u3970_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3971" class="ax_default box_1">
                    <div id="u3971_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3972" class="ax_default label">
                    <div id="u3972_div" class=""></div>
                    <div id="u3972_text" class="text ">
                      <p><span>Axure组件库由 baozipm制作</span></p><p><span>UI与交互由iView团队设计</span></p><p><span>图标由Ionicon团队设计</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3973" class="ax_default label">
                    <div id="u3973_div" class=""></div>
                    <div id="u3973_text" class="text ">
                      <p><span>Contract Me</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u3974" class="ax_default" data-left="1" data-top="80" data-width="151" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3975" class="ax_default label">
                      <div id="u3975_div" class=""></div>
                      <div id="u3975_text" class="text ">
                        <p><span>bosenger@qq.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3976" class="ax_default paragraph">
                      <div id="u3976_div" class=""></div>
                      <div id="u3976_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3977" class="ax_default label">
                    <div id="u3977_div" class=""></div>
                    <div id="u3977_text" class="text ">
                      <p><span>Copyright</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3978" class="ax_default label">
                    <div id="u3978_div" class=""></div>
                    <div id="u3978_text" class="text ">
                      <p><span>BaoziPM</span></p><p><span>iView</span></p><p><span>Ionicon</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3979" class="ax_default label">
                    <div id="u3979_div" class=""></div>
                    <div id="u3979_text" class="text ">
                      <p><span>相关站点</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u3980" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u3981" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u3982" class="ax_default">
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u3983" class="ax_default image">
                    <img id="u3983_img" class="img " src="images/index/u95.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3984" class="ax_default label">
                    <div id="u3984_div" class=""></div>
                    <div id="u3984_text" class="text ">
                      <p><span>版本号1.1</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3985" class="ax_default paragraph">
                    <div id="u3985_div" class=""></div>
                    <div id="u3985_text" class="text ">
                      <p><span>www.baozipm.com</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u3986" class="ax_default" data-left="0" data-top="106" data-width="154" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3987" class="ax_default label">
                      <div id="u3987_div" class=""></div>
                      <div id="u3987_text" class="text ">
                        <p><span>www.baozipm.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3988" class="ax_default paragraph">
                      <div id="u3988_div" class=""></div>
                      <div id="u3988_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u3989" class="ax_default" data-left="1" data-top="134" data-width="131" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3990" class="ax_default label">
                      <div id="u3990_div" class=""></div>
                      <div id="u3990_text" class="text ">
                        <p><span>iView Axure Git</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3991" class="ax_default paragraph">
                      <div id="u3991_div" class=""></div>
                      <div id="u3991_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3992" class="ax_default heading_1">
        <div id="u3992_div" class=""></div>
        <div id="u3992_text" class="text ">
          <p><span>Switch 开关</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3993" class="ax_default heading_1">
        <div id="u3993_div" class=""></div>
        <div id="u3993_text" class="text ">
          <p><span>概述</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3994" class="ax_default label">
        <div id="u3994_div" class=""></div>
        <div id="u3994_text" class="text ">
          <p><span>在两种状态间切换时用到的开关选择器。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3995" class="ax_default label">
        <div id="u3995_div" class=""></div>
        <div id="u3995_text" class="text ">
          <p><span>基础样式</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3996" class="ax_default label">
        <div id="u3996_div" class=""></div>
        <div id="u3996_text" class="text ">
          <p><span>基于交互样式做的实现，调整大小的时候更方便</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3997" class="ax_default" data-left="230" data-top="342" data-width="44" data-height="22">

        <!-- Unnamed (Rectangle) -->
        <div id="u3998" class="ax_default box_1">
          <div id="u3998_div" class=""></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3999" class="ax_default ellipse">
          <img id="u3999_img" class="img " src="images/单元格/u1926.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u4000" class="ax_default ellipse">
          <img id="u4000_img" class="img " src="images/开关/u3999_selected.png"/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4001" class="ax_default" data-left="284" data-top="342" data-width="44" data-height="22">

        <!-- Unnamed (Rectangle) -->
        <div id="u4002" class="ax_default box_1 selected">
          <div id="u4002_div" class="selected"></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u4003" class="ax_default ellipse selected">
          <img id="u4003_img" class="img " src="images/开关/u3999_selected.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u4004" class="ax_default ellipse selected">
          <img id="u4004_img" class="img " src="images/单元格/u1926.png"/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4005" class="ax_default" data-left="338" data-top="342" data-width="44" data-height="22">

        <!-- Unnamed (Rectangle) -->
        <div id="u4006" class="ax_default box_1 disabled">
          <div id="u4006_div" class="disabled"></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u4007" class="ax_default ellipse disabled">
          <img id="u4007_img" class="img " src="images/单元格/u1926.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u4008" class="ax_default ellipse disabled">
          <img id="u4008_img" class="img " src="images/开关/u3999_selected.png"/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4009" class="ax_default" data-left="230" data-top="424" data-width="56" data-height="22">

        <!-- Unnamed (Rectangle) -->
        <div id="u4010" class="ax_default box_1">
          <div id="u4010_div" class=""></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u4011" class="ax_default ellipse">
          <img id="u4011_img" class="img " src="images/单元格/u1926.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u4012" class="ax_default ellipse">
          <img id="u4012_img" class="img " src="images/开关/u3999_selected.png"/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4013" class="ax_default" data-left="296" data-top="424" data-width="44" data-height="22">

        <!-- Unnamed (Rectangle) -->
        <div id="u4014" class="ax_default box_1">
          <div id="u4014_div" class=""></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u4015" class="ax_default ellipse">
          <img id="u4015_img" class="img " src="images/单元格/u1926.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u4016" class="ax_default ellipse">
          <img id="u4016_img" class="img " src="images/开关/u3999_selected.png"/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4017" class="ax_default" data-left="350" data-top="427" data-width="28" data-height="16">

        <!-- Unnamed (Rectangle) -->
        <div id="u4018" class="ax_default box_1">
          <div id="u4018_div" class=""></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u4019" class="ax_default ellipse">
          <img id="u4019_img" class="img " src="images/开关/u4019.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u4020" class="ax_default ellipse">
          <img id="u4020_img" class="img " src="images/开关/u4019_selected.png"/>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4021" class="ax_default label">
        <div id="u4021_div" class=""></div>
        <div id="u4021_text" class="text ">
          <p><span>&#149; 尺寸</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4022" class="ax_default label">
        <div id="u4022_div" class=""></div>
        <div id="u4022_text" class="text ">
          <p><span>文字和图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4023" class="ax_default label">
        <div id="u4023_div" class=""></div>
        <div id="u4023_text" class="text ">
          <p><span>增加文字后，使用动态面板实现更方便修改和维护</span></p>
        </div>
      </div>

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u4024" class="ax_default">
        <div id="u4024_state0" class="panel_state" data-label="off" style="">
          <div id="u4024_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4025" class="ax_default box_1">
              <div id="u4025_div" class=""></div>
              <div id="u4025_text" class="text ">
                <p><span>关</span></p>
              </div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u4026" class="ax_default ellipse">
              <img id="u4026_img" class="img " src="images/单元格/u1926.png"/>
            </div>
          </div>
        </div>
        <div id="u4024_state1" class="panel_state" data-label="on" style="visibility: hidden;">
          <div id="u4024_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4027" class="ax_default box_1">
              <div id="u4027_div" class=""></div>
              <div id="u4027_text" class="text ">
                <p><span>开</span></p>
              </div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u4028" class="ax_default ellipse">
              <img id="u4028_img" class="img " src="images/单元格/u1926.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u4029" class="ax_default">
        <div id="u4029_state0" class="panel_state" data-label="off" style="">
          <div id="u4029_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4030" class="ax_default box_1">
              <div id="u4030_div" class=""></div>
              <div id="u4030_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u4031" class="ax_default ellipse">
              <img id="u4031_img" class="img " src="images/单元格/u1926.png"/>
            </div>
          </div>
        </div>
        <div id="u4029_state1" class="panel_state" data-label="on" style="visibility: hidden;">
          <div id="u4029_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4032" class="ax_default box_1">
              <div id="u4032_div" class=""></div>
              <div id="u4032_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u4033" class="ax_default ellipse">
              <img id="u4033_img" class="img " src="images/单元格/u1926.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u4034" class="ax_default">
        <div id="u4034_state0" class="panel_state" data-label="off" style="">
          <div id="u4034_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4035" class="ax_default box_1">
              <div id="u4035_div" class=""></div>
              <div id="u4035_text" class="text ">
                <p><span>关闭</span></p>
              </div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u4036" class="ax_default ellipse">
              <img id="u4036_img" class="img " src="images/单元格/u1926.png"/>
            </div>
          </div>
        </div>
        <div id="u4034_state1" class="panel_state" data-label="on" style="visibility: hidden;">
          <div id="u4034_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4037" class="ax_default box_1">
              <div id="u4037_div" class=""></div>
              <div id="u4037_text" class="text ">
                <p><span>开启</span></p>
              </div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u4038" class="ax_default ellipse">
              <img id="u4038_img" class="img " src="images/单元格/u1926.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u4039" class="ax_default">
        <div id="u4039_state0" class="panel_state" data-label="off" style="">
          <div id="u4039_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4040" class="ax_default box_1">
              <div id="u4040_div" class=""></div>
              <div id="u4040_text" class="text ">
                <p><span>OFF</span></p>
              </div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u4041" class="ax_default ellipse">
              <img id="u4041_img" class="img " src="images/单元格/u1926.png"/>
            </div>
          </div>
        </div>
        <div id="u4039_state1" class="panel_state" data-label="on" style="visibility: hidden;">
          <div id="u4039_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4042" class="ax_default box_1">
              <div id="u4042_div" class=""></div>
              <div id="u4042_text" class="text ">
                <p><span>ON</span></p>
              </div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u4043" class="ax_default ellipse">
              <img id="u4043_img" class="img " src="images/单元格/u1926.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4044" class="ax_default label">
        <div id="u4044_div" class=""></div>
        <div id="u4044_text" class="text ">
          <p><span>加载中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4045" class="ax_default label">
        <div id="u4045_div" class=""></div>
        <div id="u4045_text" class="text ">
          <p><span>标识开关操作仍在执行中，基于动态面板实现加载中动画。</span></p>
        </div>
      </div>

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u4046" class="ax_default">
        <div id="u4046_state0" class="panel_state" data-label="off" style="">
          <div id="u4046_state0_content" class="panel_state_content">

            <!-- Unnamed (Group) -->
            <div id="u4047" class="ax_default" data-left="0" data-top="0" data-width="44" data-height="22">

              <!-- Unnamed (Rectangle) -->
              <div id="u4048" class="ax_default box_1">
                <div id="u4048_div" class=""></div>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u4049" class="ax_default ellipse">
                <img id="u4049_img" class="img " src="images/单元格/u1926.png"/>
              </div>
            </div>
          </div>
        </div>
        <div id="u4046_state1" class="panel_state" data-label="off-loading" style="visibility: hidden;">
          <div id="u4046_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4050" class="ax_default box_1">
              <img id="u4050_img" class="img " src="images/开关/u4050.png"/>
            </div>

            <!-- off-icon (Group) -->
            <div id="u4051" class="ax_default" data-label="off-icon" data-left="2" data-top="2" data-width="18" data-height="18">

              <!-- Unnamed (Ellipse) -->
              <div id="u4052" class="ax_default ellipse">
                <img id="u4052_img" class="img " src="images/单元格/u1926.png"/>
              </div>

              <!-- Unnamed (Pie Chart) -->
              <div id="u4053" class="ax_default ellipse">
                <img id="u4053_img" class="img " src="images/开关/u4053.png"/>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u4054" class="ax_default ellipse">
                <img id="u4054_img" class="img " src="images/开关/u4054.png"/>
              </div>
            </div>
          </div>
        </div>
        <div id="u4046_state2" class="panel_state" data-label="on" style="visibility: hidden;">
          <div id="u4046_state2_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4055" class="ax_default box_1">
              <div id="u4055_div" class=""></div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u4056" class="ax_default ellipse">
              <img id="u4056_img" class="img " src="images/单元格/u1926.png"/>
            </div>
          </div>
        </div>
        <div id="u4046_state3" class="panel_state" data-label="on-loading" style="visibility: hidden;">
          <div id="u4046_state3_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4057" class="ax_default box_1">
              <img id="u4057_img" class="img " src="images/开关/u4057.png"/>
            </div>

            <!-- on-icon (Group) -->
            <div id="u4058" class="ax_default" data-label="on-icon" data-left="24" data-top="2" data-width="18" data-height="18">

              <!-- Unnamed (Ellipse) -->
              <div id="u4059" class="ax_default ellipse">
                <img id="u4059_img" class="img " src="images/单元格/u1926.png"/>
              </div>

              <!-- Unnamed (Pie Chart) -->
              <div id="u4060" class="ax_default ellipse">
                <img id="u4060_img" class="img " src="images/开关/u4053.png"/>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u4061" class="ax_default ellipse">
                <img id="u4061_img" class="img " src="images/开关/u4054.png"/>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u4062" class="ax_default">
        <div id="u4062_state0" class="panel_state" data-label="on-loading" style="">
          <div id="u4062_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4063" class="ax_default box_1">
              <img id="u4063_img" class="img " src="images/开关/u4057.png"/>
            </div>

            <!-- on-icon (Group) -->
            <div id="u4064" class="ax_default" data-label="on-icon" data-left="24" data-top="2" data-width="18" data-height="18">

              <!-- Unnamed (Ellipse) -->
              <div id="u4065" class="ax_default ellipse">
                <img id="u4065_img" class="img " src="images/单元格/u1926.png"/>
              </div>

              <!-- Unnamed (Pie Chart) -->
              <div id="u4066" class="ax_default ellipse">
                <img id="u4066_img" class="img " src="images/开关/u4053.png"/>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u4067" class="ax_default ellipse">
                <img id="u4067_img" class="img " src="images/开关/u4054.png"/>
              </div>
            </div>
          </div>
        </div>
        <div id="u4062_state1" class="panel_state" data-label="off-loading" style="visibility: hidden;">
          <div id="u4062_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4068" class="ax_default box_1">
              <img id="u4068_img" class="img " src="images/开关/u4050.png"/>
            </div>

            <!-- off-icon (Group) -->
            <div id="u4069" class="ax_default" data-label="off-icon" data-left="2" data-top="2" data-width="18" data-height="18">

              <!-- Unnamed (Ellipse) -->
              <div id="u4070" class="ax_default ellipse">
                <img id="u4070_img" class="img " src="images/单元格/u1926.png"/>
              </div>

              <!-- Unnamed (Pie Chart) -->
              <div id="u4071" class="ax_default ellipse">
                <img id="u4071_img" class="img " src="images/开关/u4053.png"/>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u4072" class="ax_default ellipse">
                <img id="u4072_img" class="img " src="images/开关/u4054.png"/>
              </div>
            </div>
          </div>
        </div>
        <div id="u4062_state2" class="panel_state" data-label="off" style="visibility: hidden;">
          <div id="u4062_state2_content" class="panel_state_content">

            <!-- Unnamed (Group) -->
            <div id="u4073" class="ax_default" data-left="0" data-top="0" data-width="44" data-height="22">

              <!-- Unnamed (Rectangle) -->
              <div id="u4074" class="ax_default box_1">
                <div id="u4074_div" class=""></div>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u4075" class="ax_default ellipse">
                <img id="u4075_img" class="img " src="images/单元格/u1926.png"/>
              </div>
            </div>
          </div>
        </div>
        <div id="u4062_state3" class="panel_state" data-label="on" style="visibility: hidden;">
          <div id="u4062_state3_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4076" class="ax_default box_1">
              <div id="u4076_div" class=""></div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u4077" class="ax_default ellipse">
              <img id="u4077_img" class="img " src="images/单元格/u1926.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u4078" class="ax_default">
        <div id="u4078_state0" class="panel_state" data-label="off-loading" style="">
          <div id="u4078_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4079" class="ax_default box_1">
              <img id="u4079_img" class="img " src="images/开关/u4050.png"/>
            </div>

            <!-- off-icon (Group) -->
            <div id="u4080" class="ax_default" data-label="off-icon" data-left="2" data-top="2" data-width="18" data-height="18">

              <!-- Unnamed (Ellipse) -->
              <div id="u4081" class="ax_default ellipse">
                <img id="u4081_img" class="img " src="images/单元格/u1926.png"/>
              </div>

              <!-- Unnamed (Pie Chart) -->
              <div id="u4082" class="ax_default ellipse">
                <img id="u4082_img" class="img " src="images/开关/u4053.png"/>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u4083" class="ax_default ellipse">
                <img id="u4083_img" class="img " src="images/开关/u4054.png"/>
              </div>
            </div>
          </div>
        </div>
        <div id="u4078_state1" class="panel_state" data-label="on-loading" style="visibility: hidden;">
          <div id="u4078_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4084" class="ax_default box_1">
              <img id="u4084_img" class="img " src="images/开关/u4057.png"/>
            </div>

            <!-- on-icon (Group) -->
            <div id="u4085" class="ax_default" data-label="on-icon" data-left="24" data-top="2" data-width="18" data-height="18">

              <!-- Unnamed (Ellipse) -->
              <div id="u4086" class="ax_default ellipse">
                <img id="u4086_img" class="img " src="images/单元格/u1926.png"/>
              </div>

              <!-- Unnamed (Pie Chart) -->
              <div id="u4087" class="ax_default ellipse">
                <img id="u4087_img" class="img " src="images/开关/u4053.png"/>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u4088" class="ax_default ellipse">
                <img id="u4088_img" class="img " src="images/开关/u4054.png"/>
              </div>
            </div>
          </div>
        </div>
        <div id="u4078_state2" class="panel_state" data-label="off" style="visibility: hidden;">
          <div id="u4078_state2_content" class="panel_state_content">

            <!-- Unnamed (Group) -->
            <div id="u4089" class="ax_default" data-left="0" data-top="0" data-width="44" data-height="22">

              <!-- Unnamed (Rectangle) -->
              <div id="u4090" class="ax_default box_1">
                <div id="u4090_div" class=""></div>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u4091" class="ax_default ellipse">
                <img id="u4091_img" class="img " src="images/单元格/u1926.png"/>
              </div>
            </div>
          </div>
        </div>
        <div id="u4078_state3" class="panel_state" data-label="on" style="visibility: hidden;">
          <div id="u4078_state3_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4092" class="ax_default box_1">
              <div id="u4092_div" class=""></div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u4093" class="ax_default ellipse">
              <img id="u4093_img" class="img " src="images/单元格/u1926.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4094" class="ax_default label">
        <div id="u4094_div" class=""></div>
        <div id="u4094_text" class="text ">
          <p><span>&#149; 无动效</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
